<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Nguyen Hung
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>

        <link type="text/css" href="../scripts/scroll/jquery.jscrollpane.css" rel="stylesheet" media="all" />

        <!-- the mousewheel plugin -->

        <!-- the jScrollPane script<script type="text/javascript" src="../scripts/scroll/jquery.jscrollpane.min.js"></script> -->

        <!-- scripts specific to this demo site -->


        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            function isNumberKey(evt)
            {
                var charCode = (evt.which) ? evt.which : event.keyCode
                if (charCode > 31 && (charCode < 48 || charCode > 57))
                    return false;

                return true;
            }
            //            $j(function()
            //            {
            //                $j('.scroll-pane').jScrollPane({showArrows: true});
            //            });
            $j(document).ready(function(){ 
                $j('.keysearch').live('keyup',function(){
                    //alert($j('.keysearch').val());
                    if($j('.keysearch').val() == ""){
                        $j('.rich-table-row').show();
                                   
                    }else{
                        $j('.rich-table-row').hide();
                        $j('.rich-table-row').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                    
                $j('.search_box').hide();       
                $j('.sidebar_search').live('click',function(){
                    $j('.search_box').hide();
                    if($j(this).next().hasClass('active')){
                        
                        $j('.search_box').removeClass('active');
                    }else{

                        $j('.search_box').removeClass('active');
                        $j(this).next().addClass('active');
                        $j(this).next().show();
                       
                    }
                });
                $j(".content_right").live("click",function(){
                    $j('.search_box').hide();
                });
                $j(".btnsave_row").live("click",function(){
                    fv200 =    $j(this).parents(".tour_content_row_content_copy").children(".tour_row1").children(".fv200Select").children('option:selected').text();
                    //alert($j(this).parents(".tour_content_row_content_copy").children(".tour_row1").find(".fv200").attr("class"));
                    //$j(this).parent().find('.tour_row1').children('.service1').children('option:selected').text();    
                });
              
                $j(".tour_content_row_content_copy:even").css("background","#E0EFFC");
              
                $j(".price").live("keyup",function(){
                    var price =  $j(this).parents(".tour_content_row_content").find(".tour_row3").children(".price").val();    
                    var sl1 = $j(this).parents(".tour_content_row_content").find(".tour_row5").children(".sl1").val();            
                    var sl2 = $j(this).parents(".tour_content_row_content").find(".tour_row7").children(".sl2").val()
                    var sl3 = $j(this).parents(".tour_content_row_content").find(".tour_row9").children(".sl3").val()
                    var sl4 = $j(this).parents(".tour_content_row_content").find(".tour_row11").children(".sl4").val()
                    tt1 = parseFloat(price)* parseFloat(sl1);             
                    tt2 = parseFloat(price)* parseFloat(sl2);  
                    tt3 = parseFloat(price)* parseFloat(sl3);  
                    tt4 = parseFloat(price)* parseFloat(sl4);  
                    $j(this).parents(".tour_content_row_content").find(".tour_row6").children(".tt1").text(tt1);
                    $j(this).parents(".tour_content_row_content").find(".tour_row8").children(".tt2").text(tt2);
                    $j(this).parents(".tour_content_row_content").find(".tour_row10").children(".tt3").text(tt3);
                    $j(this).parents(".tour_content_row_content").find(".tour_row12").children(".tt4").text(tt4);
              
             
                });
                $j(".sl1").live("keyup",function(){
                    var price =  $j(this).parents(".tour_content_row_content").find(".tour_row3").children(".price").val();    
                    var sl1 = $j(this).parents(".tour_content_row_content").find(".tour_row5").children(".sl1").val();            
                    var sl2 = $j(this).parents(".tour_content_row_content").find(".tour_row7").children(".sl2").val()
                    var sl3 = $j(this).parents(".tour_content_row_content").find(".tour_row9").children(".sl3").val()
                    var sl4 = $j(this).parents(".tour_content_row_content").find(".tour_row11").children(".sl4").val()
                    tt1 = parseFloat(price)* parseFloat(sl1);             
                    tt2 = parseFloat(price)* parseFloat(sl2);  
                    tt3 = parseFloat(price)* parseFloat(sl3);  
                    tt4 = parseFloat(price)* parseFloat(sl4);  
                    $j(this).parents(".tour_content_row_content").find(".tour_row6").children(".tt1").text(tt1);
                    $j(this).parents(".tour_content_row_content").find(".tour_row8").children(".tt2").text(tt2);
                    $j(this).parents(".tour_content_row_content").find(".tour_row10").children(".tt3").text(tt3);
                    $j(this).parents(".tour_content_row_content").find(".tour_row12").children(".tt4").text(tt4);
              
             
                });
                $j(".sl2").live("keyup",function(){
                    var price =  $j(this).parents(".tour_content_row_content").find(".tour_row3").children(".price").val();    
                    var sl1 = $j(this).parents(".tour_content_row_content").find(".tour_row5").children(".sl1").val();            
                    var sl2 = $j(this).parents(".tour_content_row_content").find(".tour_row7").children(".sl2").val()
                    var sl3 = $j(this).parents(".tour_content_row_content").find(".tour_row9").children(".sl3").val()
                    var sl4 = $j(this).parents(".tour_content_row_content").find(".tour_row11").children(".sl4").val()
                    tt1 = parseFloat(price)* parseFloat(sl1);             
                    tt2 = parseFloat(price)* parseFloat(sl2);  
                    tt3 = parseFloat(price)* parseFloat(sl3);  
                    tt4 = parseFloat(price)* parseFloat(sl4);  
                    $j(this).parents(".tour_content_row_content").find(".tour_row6").children(".tt1").text(tt1);
                    $j(this).parents(".tour_content_row_content").find(".tour_row8").children(".tt2").text(tt2);
                    $j(this).parents(".tour_content_row_content").find(".tour_row10").children(".tt3").text(tt3);
                    $j(this).parents(".tour_content_row_content").find(".tour_row12").children(".tt4").text(tt4);
              
             
                });
                $j(".sl3").live("keyup",function(){
                    var price =  $j(this).parents(".tour_content_row_content").find(".tour_row3").children(".price").val();    
                    var sl1 = $j(this).parents(".tour_content_row_content").find(".tour_row5").children(".sl1").val();            
                    var sl2 = $j(this).parents(".tour_content_row_content").find(".tour_row7").children(".sl2").val()
                    var sl3 = $j(this).parents(".tour_content_row_content").find(".tour_row9").children(".sl3").val()
                    var sl4 = $j(this).parents(".tour_content_row_content").find(".tour_row11").children(".sl4").val()
                    tt1 = parseFloat(price)* parseFloat(sl1);             
                    tt2 = parseFloat(price)* parseFloat(sl2);  
                    tt3 = parseFloat(price)* parseFloat(sl3);  
                    tt4 = parseFloat(price)* parseFloat(sl4);  
                    $j(this).parents(".tour_content_row_content").find(".tour_row6").children(".tt1").text(tt1);
                    $j(this).parents(".tour_content_row_content").find(".tour_row8").children(".tt2").text(tt2);
                    $j(this).parents(".tour_content_row_content").find(".tour_row10").children(".tt3").text(tt3);
                    $j(this).parents(".tour_content_row_content").find(".tour_row12").children(".tt4").text(tt4);
              
             
                });
                $j(".sl4").live("keyup",function(){
                    var price =  $j(this).parents(".tour_content_row_content").find(".tour_row3").children(".price").val();    
                    var sl1 = $j(this).parents(".tour_content_row_content").find(".tour_row5").children(".sl1").val();            
                    var sl2 = $j(this).parents(".tour_content_row_content").find(".tour_row7").children(".sl2").val()
                    var sl3 = $j(this).parents(".tour_content_row_content").find(".tour_row9").children(".sl3").val()
                    var sl4 = $j(this).parents(".tour_content_row_content").find(".tour_row11").children(".sl4").val()
                    tt1 = parseFloat(price)* parseFloat(sl1);             
                    tt2 = parseFloat(price)* parseFloat(sl2);  
                    tt3 = parseFloat(price)* parseFloat(sl3);  
                    tt4 = parseFloat(price)* parseFloat(sl4);  
                    $j(this).parents(".tour_content_row_content").find(".tour_row6").children(".tt1").text(tt1);
                    $j(this).parents(".tour_content_row_content").find(".tour_row8").children(".tt2").text(tt2);
                    $j(this).parents(".tour_content_row_content").find(".tour_row10").children(".tt3").text(tt3);
                    $j(this).parents(".tour_content_row_content").find(".tour_row12").children(".tt4").text(tt4);
              
             
                });
                //                $j(".edit").live("click",function(){
                //                   
                //                     $j(".btnsave").hide();
                //                    
                //                });
                //                $j(".btnsave_row").live("click",function(){
                //                   
                //                     $j(".btnsave").show();
                //                    
                //                });
                $j(".char_two").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                 
                });
                $j(".char_one").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                 
                });
                $j(".price").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                });
                $j(".sl1").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                });
                $j(".sl2").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                });
                $j(".sl3").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                });
                $j(".sl4").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                }); 
                $j(".buy_row").live("click",function(){
                    if($j(this).val() < 1){
                        $j(this).val("");
                    }
                });
                
                $j(".linkKH").live("click",function(){
                 
                    fv050 =  $j(this).parents(".content_detail").find(".fv050").val();
                   
                    window.location="customer4tour.jsp?pv050="+fv050;
                });
                $j(".linkTL").live("click",function(){
                 
                    fv050 =  $j(this).parents(".content_detail").find(".fv050").val();
                  
                    window.location="documentTour.jsp?action=linkrecord&fv050="+fv050;
                });
              
                $j(".edit").live("click",function(){ 
                    $j(this).addClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".activedelete").addClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".activedeleterow").removeClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".btnsave_row").removeClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".rowedit").children(".activeAction").removeClass("intext");                   
                    $j(this).parents(".tour_content_row_content_copy").find(".rowedit").children(".activeAction").addClass("inactive");                   
                    $j(this).parents(".tour_content_row_content_copy").find(".rowedit").children(".outtext").css("display","none");
                    
                });
                $j(".activedeleterow").live("click",function(){
                    $j(this).addClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".activeAction").removeClass("inactive");
                    $j(this).parents(".tour_content_row_content_copy").find(".activeAction").addClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".btnsave_row").addClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".rowedit").children(".outtext").css("display","block");
                    $j(this).parents(".tour_content_row_content_copy").find(".edit").removeClass("intext");
                    $j(this).parents(".tour_content_row_content_copy").find(".activedelete").removeClass("intext");
                         
                });
               
                //update 1 row tour
                $j(".addrow").live("click",function(){
                    fv050 = $j(this).parents(".create_tour_around").find(".fv050").val();   
                    
                });
                
                $j("#combobox_but").click(function(){
                    $j(".codeTour").val("12");
                });
                
                $j(".btnsave_row").live("click",function(){
                    pv500 = $j(this).attr("lang");
                    fv050 = $j(this).parents(".create_tour_around").find(".fv050").val();       
                   
                    fv200 = $j(this).parents(".tour_content_row_content_copy").find(".fv200").val();
                    vv502 = $j(this).parents(".tour_content_row_content_copy").find(".vv502").val();
                    vn507 = $j(this).parents(".tour_content_row_content_copy").find(".vn507").val();
                    fk100 = $j(this).parents(".tour_content_row_content_copy").find(".fk100").val();
                    vn508 = $j(this).parents(".tour_content_row_content_copy").find(".vn508").val();
                    vn510 = $j(this).parents(".tour_content_row_content_copy").find(".vn510").val();
                    vn512 = $j(this).parents(".tour_content_row_content_copy").find(".vn512").val();                    
                    vn514 = $j(this).parents(".tour_content_row_content_copy").find(".vn514").val();
                    
                    $j.post("managerTour.jsp?action=saveRowTour&fv200="+fv200+"&vv502="+vv502+"&vn507="+vn507
                        +"&fk100="+fk100+"&vn508="+vn508+"&vn510="+vn510+"&vn512="+vn512+"&vn514="+vn514+"&pv500="+pv500+"&fv050="+fv050,function(data){
                        if(data!= null){
                            window.location="managerTour.jsp?action=linkrecord&fv050="+fv050;
                        
                        }
                                        
                    }); 
                    // alert(fv200+","+vv502+","+vn507+","+fk100+","+vn508+","+vn510+","+vn512+","+vn514   );
                    
                });
                $j(".fv050").live("click",function(){
                    fv050 = $j(".fv050").children("option:selected").text();
                   
                    $j(".codeTour").val(fv050);
                    
                    

                 
                });
                $j(".codeTour").live("click",function(){
                    $j(".codeTour").val("");
                });
                
                //                $j(".codeTour").live("mouseout",function(){
                //                    fv050 = $j(".fv050").children("option:selected").text();                 
                //                    $j(".codeTour").val(fv050);
                //                });
             
                fv050 = $j(".fv050").children("option:selected").text();
                 
                $j(".codeTour").val(fv050);
                
                $j(".addform").hide();
                
                $j(".service").live("change",function(){
                    //                    alert("a;pp");
                    //                    //alert("Click event on Select has occurred!");
                    //                    alert($j(this).children("option:selected").val());
                    
                    fv050 = $j(".fv050").children("option:selected").val();
                    if(fv050 != 0){
                        var obj = $j(this).text();
                        var obj1 = $j(this).children("option:selected").val();
                        if(obj1 != null)
                        {
                            $j.post("actionTourservice.jsp?action=serviceitem&id="+obj1);
                        }
                        $j(".addform").css('display',"block");
                        $j(".addform").show('slow');
                        $j.post("actiontotalTour.jsp",function(data){
                            $j(".addform").html(data);
                        });
                    }else{
                        alert("Xin vui lòng chọn Mã tour");
                    }
                        
                        
                                         
                }); 
                
                $j(".itemcountry").live("click",function(){
                    //alert("Click event on Select has occurred!");
                    var id = $j(this).attr("lang");
                    $j.post("actionTourservice.jsp?action=service&id="+id,function(data){
                        $j(".itemaddformcity").html(data);
                    });
                                          
                }); 
                
                $j(".itemcity").live("click",function(){
                    var id = $j(this).attr("lang");
                    $j.post("actionToursupplier.jsp?action=servicesupplier&id="+id,function(data){
                        $j(".itemaddformsupplier").html(data);
                    });
                });
                $j(".itemsuplier").live("click",function(){
                    var id = $j(this).attr("lang");
                    $j.post("actionserviceEnd.jsp?action=serviceend&id="+id,function(data){
                        $j(".itemaddformsupplierend").html(data);
                    });
                });
                
                $j(".itemserviceend").live("click",function(){
                    $j(".addform").hide('slow');
                });
                            
                //                $j(".itemsupplier").live("click",function(){
                //                    alert($j(this).text() + $j(this).attr("lang"));
                //                    var nn = $j(this).attr("lang");
                //                    if(nn != null){
                //                        alert("alo");
                //                                   
                //                        $j(this).parents().parents().parents().next().next().next().find(".comboboxsuplier").val(nn);
                //                    }
                //                    alert("Classsssss" + $j(this).parents().parents().parents().next().next().next().find(".comboboxsuplier").val(nn));
                //                    $j(".addform").hide('slow');
                //                });
            });
             
                
        </script>
        <style type="text/css" id="page-css">
            /* Styles specific to this particular page */
            .intext{
                display:none;
            }
            .inactive{
                display: block;
                float:right;
            }
            .activedeleterow{
                float:left;
            }
            .scroll-pane
            {
                width: 100%;

                height:auto;
                overflow: auto;
            }

            .horizontal-only
            {
                height: auto;

            }
            .message{
                float:left;
                margin-right:572px;
                margin-top:10px;
            }
            .create_tour_around{
                width:1133px;
                float:left;
            }
            .groub_tour{


                left:15px;
            }
            .action_ct{
                margin-left: 757px;
                margin-top: -60px;
                position: absolute;

            }


            .mail_sms{
                float:right;
            }
            .linkKH{
                background: url("../images/bg_button3.gif") repeat-x scroll 0 0 transparent;
                float: right;
                height: 19px;
                margin-bottom: 2px;
                margin-top: 5px;
                padding-left: 13px;
                padding-top: 7px;
                width: 88px;
                margin-right: 10px;
            }
            .linkTL{
                background: url("../images/bg_button3.gif") repeat-x scroll 0 0 transparent;
                float: right;
                height: 19px;
                margin-bottom: 2px;

                margin-top: 5px;
                padding-left: 16px;
                padding-top: 7px;
                width: 65px;

            }
            .linkKH a,.linkTL a{
                color:#fff;
                font-size:11px !important;
            }
            .edit{
                float:left;
            }

            #combobox_but{

            }
            .desc{
                color: #FFFFFF;
                float: left;
                margin-left: 30px;
                margin-top: 10px;
            }
            .addform{
                height: 200px;
                width: 577px;
                background-color: #4884B5;
                margin-left: 0px;
                display: none;
            }

            /*            .itemaddform{
                            background-color: white;
                            float: left;
                          
                            margin-top: 5px;
                            width: 104px;
                        }
                        .itemaddform44{
                            background-color: white;
                            float: left;
                          
                            margin-top: 5px;
                            width: 250px;
                        }
                        .itemaddform1{
            
                            float: left;
                           
                            margin-top: 5px;
                            width: 104px;
                        }
                        .itemaddformcity{
            
                            float: left;
                           
                            margin-top: 5px;
                            width: 104px;
                        }
                        .itemcountry{
                            cursor: pointer;
                            background-color: #DEE1E2;
                            margin-top: 3px;
                            text-align: left;
                            color: #4884B5;
            
                        }*/
            .itemcountry:hover{
                background-color: #a5aaae;
                color: #fff;

            } 
            .itemcity:hover{
                background-color: #4A5763;
                color: #fff;

            } 
            .itemserviceend:hover{
                background-color: #4A5763;
                color: #fff;

            } 
            .itemsuplier:hover{
                background-color: #4A5763;
                color: #fff;

            } 
            .itemcity{
                cursor: pointer;
                background-color: #DEE1E2;
                margin-top: 3px;
                text-align: left;
                color: #4884B5;
            }
            .itemsuplier{
                cursor: pointer;
                background-color: #DEE1E2;
                margin-top: 3px;
                text-align: left;
                color: #4884B5;
            }
            .itemserviceend{
                cursor: pointer;
                background-color: #DEE1E2;
                margin-top: 3px;
                text-align: left;
                color: #4884B5;
            }
            .itemserviceendprice{
                background-color: #DEE1E2;
                margin-top: 3px;
            }
            .itemaddformsupplier{
                float: left;
                margin-left: 3px;
                margin-top: 5px;
                width: 104px;
            }
            .itemaddformsupplierend{
                float: left;
                margin-left: 3px;
                margin-top: 5px;
                width: 104px;
            }
            .white{
                background: #FFFFFF;
            }
            .blue{
                background: #E0EFFC;
            }
            #container{
                overflow: auto ;
            }
            .sidebar .search_box .fields_submit input[type="submit"]{
                width: 83px !important;
                margin-right: 10px;
            }
            .all{
                background: url("../images/bg_submit.gif") repeat-x scroll 0 0 transparent;
                border: 0 none;
                border-radius: 5px 5px 5px 5px;
                box-shadow: 0 2px 3px #666666;
                color: #FFFFFF;
                cursor: pointer;
                float: right;
                font-size: 14px;
                font-weight: bold;
                margin: 19px 0 10px;
                padding: 9px 0;
                text-transform: uppercase;
                width: 83px ;
                margin-right: 10px;
                text-align: center;
            }

        </style>
    </head>


    <body>
        <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
        <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_TOU_VIE}'></div>" escape="false"/>
        <div id="content">
            <div id="menu_top">
                <div class="dropdown">
                    <div class="select_choise">
                        <a href="#"><span>Khu vực</span></a>
                    </div>
                    <div class="select_hidden">
                        <ul>

                            <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            <li><a href="#"><span>Filter Cấp 3</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="dropdown">
                    <div class="select_choise">
                        <a href="#"><span>Outlets</span></a>
                    </div>
                    <div class="select_hidden">
                        <ul>
                            <li><a href="#"><span>Ban Điều Hành</span></a></li>
                            <li><a href="#"><span>Nhóm IT</span></a></li>
                            <li><a href="#"><span>Filter Cấp 3</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="content_detail" class="content_detail">         
                <div class="sidebar_row1">
                    <div class="sidebar">
                        <%--   <h:commandLink styleClass="add_new" action="#{processBean.processAddEmployee}"><span><h:outputText value="#{locale.addEmployee}"/></span></h:commandLink> --%>

                        <h:outputLink  rendered="#{loginSession.right.TOU_SER_CRE}"  value="edit4Sevice.jsp?action=add&page=listSevice.jsp&itemid=N100&height=300px&width=500px"  styleClass="fancybox add_new" id="fancybox">
                            <span>  <h:outputText value="Thêm dịch vụ"/> </span>
                        </h:outputLink>



                    </div>
                </div>
                <!-- start sidebar row2--->
                <div class="sidebar_row2">
                    <h:panelGroup rendered="#{loginSession.right.TOU_LST_SER}">
                        <div class="sidebar">
                            <div class="sidebar_search">
                                <span> <h:outputText value="Tìm kiếm"/></span>
                            </div>
                            <div class="search_box" style="display:none;">
                                <form action="" method="get">
                                    <h3><h:outputText value="#{locale.search}"/></h3>
                                    <div class="fields_input">
                                        <input name="" type="text"  value="<h:outputText value="#{locale.search_key}"/>..." onblur="if(this.value=='')this.value='<h:outputText value="#{locale.search_key}"/>...';" onfocus="if(this.value=='<h:outputText value="#{locale.search_key}"/>...')this.value='';" />
                                        <input name="" type="submit" value="OK" />
                                    </div>
                                </form>
                                <a4j:form>      
                                    <h4><h:outputText value="#{locale.advance_search}"/></h4>
                                    <div class="fields_select">

                                        <a4j:region>
                                            <h:selectOneMenu value="#{V220Controller.n750}" id="qg"  styleClass="select_tour fs200" >

                                                <f:selectItems value="#{V220Controller.combN750}" />
                                                <a4j:support event="onchange"
                                                             actionListener="#{V220Controller.changeCountry}" reRender="tableabc,tp,ldv,ncc" />
                                            </h:selectOneMenu>
                                        </a4j:region>
                                    </div>

                                    <div class="fields_select">
                                        <a4j:region>
                                            <h:selectOneMenu value="#{V220Controller.a000}" id="tp"  styleClass="select_tour fs200" >

                                                <f:selectItems value="#{V220Controller.combA000}" />
                                                <a4j:support event="onchange"
                                                             actionListener="#{V220Controller.changeCity}" reRender="tableabc, ncc,ldv" />
                                            </h:selectOneMenu>
                                        </a4j:region>
                                    </div>


                                    <div class="fields_select">
                                        <a4j:region>
                                            <h:selectOneMenu value="#{V220Controller.v200}" id="ldv"  styleClass="select_tour fs200" >

                                                <f:selectItems value="#{V220Controller.combV200}" />
                                                <a4j:support event="onchange"
                                                             actionListener="#{V220Controller.changeldv}" reRender="tableabc,ncc" />
                                            </h:selectOneMenu>
                                        </a4j:region>
                                    </div>
                                    <div class="fields_select">
                                        <%-- <h:selectOneMenu value="#{TourBean.fv200}" id="ldv" styleClass="service" >
                                                     <f:selectItems  value="#{TourBean.listItemV200}"/>
                                                 </h:selectOneMenu>--%>
                                        <a4j:region>
                                            <h:selectOneMenu value="#{V220Controller.fk100}" id="ncc"  styleClass="select_tour fs200" >

                                                <f:selectItems value="#{V220Controller.combk100}" />
                                                <a4j:support event="onchange"
                                                             actionListener="#{V220Controller.changeNcc}" reRender="tableabc" />
                                            </h:selectOneMenu>
                                        </a4j:region>
                                    </div>
                                    <div class="fields_submit">
                                        <input name="" type="submit" value="<h:outputText value="Tìm kiếm"/>" />
                                        <a class ="all" href="listSevice.jsp?ser=ses" >Tất cả</a>

                                        <%--<h:commandButton value="#{V220Controller.search}"> <h:outputText value="#{locale.search_option}"/> </h:commandButton>--%>
                                    </div>
                                </a4j:form> 
                            </div>
                        </div>
                    </h:panelGroup>
                </div>

                <!-- end sidebar row2--->
                <div class="fillter">

                    <div class="dropdown">
                        <h:panelGroup id="reload5">
                            <div class="select_choise ">


                                <div ><a href="listSevice.jsp?ser=ses"><span><h:outputText value="Danh sách dịch vụ"/></span></a></div>


                            </div>
                            <div class="select_hidden">
                                <ul>
                                    <h:panelGroup rendered="#{loginSession.right.TOU_LST_TOU}">
                                        <li>
                                            <div><a href="listTour.jsp"><span><h:outputText value="#{locale.listTour}"/></span></a></div>

                                        </li>
                                    </h:panelGroup>
                                    <h:panelGroup rendered="#{loginSession.right.TOU_LST_CHT}">
                                        <li>
                                            <div><a href="managerTour.jsp"><span><h:outputText value="Chiết tính"/></span></a></div>

                                        </li>
                                    </h:panelGroup>


                                </ul>
                            </div>

                        </h:panelGroup>
                    </div>
                </div>

                <!--start create tour content-->
                <div class="content_right">

                    <div class="title_tour">
                        <h2><h:outputText value="DANH SÁCH DỊCH VỤ" style="text-transform:uppercase"/></h2>

                    </div>
                    <%--<div class="mail_sms">
                        <div class="message"><h:outputText value="#{TourBean.message}" style="color:red;"/></div>
                        <h:panelGroup rendered="#{loginSession.right.TOU_LST_DOC}">  <div class="linkTL"><a href="#"><span><h:outputText value="#{locale.document}" style="text-transform:uppercase"/></span></a></div></h:panelGroup>
                        <h:panelGroup rendered="#{loginSession.right.TOU_LST_CUS}"> <div class="linkKH"><a href="#" ><span><h:outputText value="#{locale.customer}" style="text-transform:uppercase"/></span></a></div></h:panelGroup>
                    </div>--%>
                    <a4j:form>
                        <div class="fast_search" style="margin-top:-160px;">

                            <h:inputText value="#{TourBean.keySearch}" onfocus="if(this.value=='#{TourBean.keySearch}')this.value='';" styleClass="keysearch" />
                            <div  style="margin-left:5px; float:left" class="buttonsearch">
                                <%--  <div class="group cssgroup">
                                    <h:selectOneRadio layout="pageDirection" value="#{customerExpand.typesearch}" styleClass="feild_sex"  style="margin-left:5px; margin-top:14px; padding:15px; width:195px; height:153px;"   >
                                         <f:selectItem itemValue="0" itemLabel="#{locale.all}" />
                                         <f:selectItem itemValue="1" itemLabel="#{locale.company}"/>
                                         <f:selectItem itemValue="2" itemLabel="#{locale.telephone}"/>
                                         <f:selectItem itemValue="3" itemLabel="#{locale.frist_lastname}"/>
                                         <f:selectItem itemValue="4" itemLabel="#{locale.person_info}"/>
                                         <f:selectItem itemValue="5" itemLabel="#{locale.email}"/>
                                         <f:selectItem itemValue="6" itemLabel="#{locale.tour}"/>

                            </h:selectOneRadio>
                                    <h:commandButton      action="#{TourBean.reload}" value="#{locale.search}" style="margin-left:75px; margin-top:5px;" styleClass="buttonsearch2">
                                    </h:commandButton>
                                </div>--%>
                            </div>



                        </div>

                    </a4j:form>
                    <a4j:form id="tour">
                        <%--
                        <div class="action_ct">
                            <div class="sendmail">  <h:outputLink rendered="#{loginSession.right.MENU_COM_VIEW}" value="customer4tour.jsp?pv050=#{TourBean.fs200}"><span><h:outputText value="Khách hàng" /></span></h:outputLink></div>
                            <div class="sendsms"> <h:outputLink value="documentTour.jsp?action=link215487&id=0&fs200=#{TourBean.fs200}">Tài Liệu</h:outputLink></div>
                        </div>--%>
                        <div id="container" >
                            <rich:dataTable value="#{V220Controller.listsevice}" var="item"
                                            width="926px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                            id="tableabc" styleClass="machinePosDataTable" rowClasses="blue,white">

                                <rich:column style="width:20px; text-align:center">
                                    <f:facet name="header">
                                        <h:outputText value="#{locale.stt}"/>
                                    </f:facet>
                                    <h:outputText value="#{row +1}"/>
                                </rich:column>
                                <rich:column  width="40px;" style="text-align:center">
                                    <f:facet name="header">
                                        <h:outputText value="Chức năng" />
                                    </f:facet>

                                    <h:outputLink rendered="#{loginSession.right.TOU_SER_MOD}" value="edit4Sevice.jsp?action=edit&id=#{item.pv220}&fk100=#{item.fk100}&fv200=#{item.fv200}&fa000=#{item.fa000}&fn750=#{item.fn750}&page=listSevice.jsp&height=282px&width=345px" styleClass="fancybox" id="fancybox1">
                                        <img src="../images/edit.png" alt="Sửa" title="Sửa"/>
                                    </h:outputLink>
                                    <h:outputLink rendered="#{loginSession.right.TOU_SER_DEL}" value="delete.jsp?action=delete&id=#{item.pv220}&flag=V220&height=282px&width=345px" styleClass="fancybox add_new" id="thickbox2"  style="cursor:pointer" >
                                        <img height="16px" src="../images/delete_1.png" alt="Xóa"  title="Xóa" />
                                    </h:outputLink>
                                    <%--       
                                   <h:outputLink  value="editcodeTour.jsp?id=#{item.fv050}&action=edit&page=listTour.jsp&SV216=0&height=236px&width=405px" styleClass="fancybox" id="fancybox1">
                                       <img src="../images/edit.png" alt="Sửa" title="Sửa"/>
                                   </h:outputLink>
                                   <h:outputLink value="delete.jsp?id=#{item.fv050}&flag=V050D&page=listTour.jsp&width=300&height=150" styleClass="fancybox add_new" id="thickbox2"  style="cursor:pointer" >
                                       <img height="16px" src="../images/delete_1.png" alt="Xóa"  title="Xóa" />
                                   </h:outputLink>
                                    --%>
                                </rich:column>
                                <rich:column style="width:80px; text-align:left">
                                    <f:facet name="header">
                                        <h:outputText value="Tên Quốc gia" />
                                    </f:facet>
                                    <div style="width:80px;">
                                        <h:outputText value="#{item.nv754}"/>
                                    </div>
                                </rich:column>
                                <rich:column style="width:100px; text-align:left">
                                    <f:facet name="header">
                                        <h:outputText value="Tên thành phố" />
                                    </f:facet>
                                    <div style="width:100px;">
                                        <h:outputText value="#{item.av001}"/>
                                    </div>
                                </rich:column>
                                <rich:column  width="100px">
                                    <f:facet name="header">
                                        <h:outputText value="Loại dịch vụ" />
                                    </f:facet>

                                    <div style="width:100px;">
                                        <h:outputText value="#{item.vv201}" />

                                    </div>
                                </rich:column>
                                <rich:column  width="150px">
                                    <f:facet name="header">
                                        <h:outputText value="Tên dịch vụ" />
                                    </f:facet>

                                    <div style="width:150px;">
                                        <h:outputText value="#{item.vv223}" />

                                    </div>
                                </rich:column>
                                <rich:column width="180px">
                                    <f:facet name="header">
                                        <h:outputText value="Nhà cung cấp" />
                                    </f:facet>

                                    <div style="width:180px;">
                                        <h:outputText value="#{item.kv103}" />
                                    </div>
                                </rich:column>


                                <rich:column  width="2000px" styleClass="email">
                                    <f:facet name="header">
                                        <h:outputText value="Mô tả" />
                                    </f:facet>

                                    <div style="width:200px;">

                                        <h:outputText value="#{item.vv225}"/>
                                    </div>
                                </rich:column>
                                <rich:column  width="80px;" style="text-align:right">
                                    <f:facet name="header">
                                        <h:outputText value="Giá dịch vụ" />
                                    </f:facet>

                                    <div style="width:80px;">
                                        <h:outputText value="#{item.vn228Str}" />
                                    </div>
                                </rich:column>
                                <rich:column  width="50px;" style="text-center">
                                    <f:facet name="header">
                                        <h:outputText value="Tiền tệ" />
                                    </f:facet>

                                    <div style="width:50px; text-align: center">
                                        <h:outputText rendered="#{item.vv227==1}"  value="VND"/>
                                        <h:outputText rendered="#{item.vv227==2}"  value="USD"/>
                                        <h:outputText rendered="#{item.vv227==3}"  value="EUR"/>
                                    </div>
                                </rich:column>

                                <rich:column  width="70px;" style="text-center">
                                    <f:facet name="header">
                                        <h:outputText value="Ngày hiệu lực" />
                                    </f:facet>

                                    <div style="width:70px; text-align: center">
                                        <h:outputText value="#{item.vd221}"  ><f:convertDateTime pattern="dd/MM/yyyy" /></h:outputText>

                                        </div>
                                </rich:column>

                                <rich:column  width="85px;" style="text-center">
                                    <f:facet name="header">
                                        <h:outputText value="Ngày hết hiệu lực" />
                                    </f:facet>

                                    <div style="width:85px; text-align: center">
                                        <h:outputText value="#{item.vd222}"  > <f:convertDateTime pattern="dd/MM/yyyy" /></h:outputText>

                                        </div>
                                </rich:column>
                                <rich:column  width="160px;" style="text-center">
                                    <f:facet name="header">
                                        <h:outputText value="Cập nhật cuối cùng" />
                                    </f:facet>

                                    <div style="width:160px; text-align: center">
                                        <h:outputText value="#{item.vl247}"/> <br>
                                        (<h:outputText value="#{item.vl246}" ><f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" /> </h:outputText>)
                                        </div>
                                </rich:column>



                            </rich:dataTable>
                        </div>

                    </a4j:form>
                    <div class="fotter-page">
                        <jsp:include page="../../common/pagingSevice.jsp"/>
                    </div>



                </div>
            </div>
        </div>
        <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                         height="30" width="40" zindex="2000">
            <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
        </rich:modalPanel>
    </body>
</html>
